<#include "/layout/layout.ftl">
<#import "/layout/macro.ftl" as macro>
<#assign css>
<style>
</style>
</#assign>
<#assign js>
<script>
    function del(id) {
        layer.confirm('确定删除吗?', {icon: 3, title: '提示'}, function (index) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "${ctx!}/role/delete/" + id,
                success: function (res) {
                    layer.msg(res.message, {time: 2000}, function () {
                        location.reload();
                    });
                }
            });
        });
    }






    $('#table').bootstrapTable({
        url: "${ctx!}/role/indexdata",
        dataType: "json",
        striped: true,
        columns: [
            // {
            //     checkbox: true,
            //     visible: true                  //是否显示复选框
            // },
            {
                title: 'ID',
                field: 'id',
                align: 'center'
            },
            {
                title: '角色名称',
                field: 'name',
                align: 'center',
                valign: 'middle',
            },
            {
                title: '角色key',
                field: 'roleKey',
                align: 'center'
            },
            {
                title: '角色状态',
                field: 'status',
                align: 'center',
            formatter:function(value,row,index){
                         if(value==1){
                            return '<span class="label label-danger">已删除</span>';
                         }else{
                             return '   <span class="label label-info">未删除</span>';
                         }
               }

            },
            {
                title: '角色描述',
                field: 'description',
                align: 'center',
            },
            {
                title: '创建时间',
                field: 'createTime',
                align: 'center',
            },
            {
                title: '更新时间',
                field: 'updateTime',
                align: 'center',
            },

            {
                title: '操作',
                field: '',
                align: 'center',
                formatter:function(value,row,index){
                    var e ='  <@shiro.hasPermission name="system:user:edit">'+
                       ' <a class="btn btn-sm btn-primary" href="${ctx!}/role/edit/'+row.id+'">编辑</a>'+
                     ' </@shiro.hasPermission>'+
                            '  <@shiro.hasPermission name="system:user:grant">'+
                       ' <a class="btn btn-sm btn-warning" href="${ctx!}/role/grant/'+row.id+'">分配资源</a>'+
                  '  </@shiro.hasPermission>'+
                            '   <@shiro.hasPermission name="system:user:delete">'+
                        '<button class="btn btn-sm btn-danger" onclick="del('+row.id+')">删除</button>'+
                    '</@shiro.hasPermission>';
                    return e;
                }
            }
        ] ,
        queryParamsType:'',//默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
        // 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
        queryParams: function queryParams(params){
            var param = {
                account:$("#account").val(),
                pageNumber: params.pageNumber,
                pageSize: params.pageSize,
                sortName: params.sortName,      //排序列名
                sortOrder: params.sortOrder //排位命令（desc，asc）

            };
            return param;
        },
        //其他主要参数
        pageNumber: 1, //初始化加载第一页，默认第一页
        pageList: [5,10,15,20], //每页的记录行数（*）
        // search: true,  //显示查询框
        sidePagination: 'server',  //服务端分页
        pagination: true, //是否显示分页（*）
        sortable: true,                     //是否启用排序
        classes:"table-no-bordered",
        sortOrder: "asc"                   //排序方式
    });








</script>
</#assign>
<@layout title="角色管理" active="role">
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        角色列表
        <small>一切从这里开始</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-cog"></i> 系统</a></li>
        <li><a href="#"><i class="fa fa-list-ul"></i> 角色管理</a></li>
        <li class="active"><i class="fa fa-table"></i> 角色列表</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <!-- Default box -->
    <div class="box box-primary">
        <div class="box-header">
        <@shiro.hasPermission name="system:role:add">
            <a class="btn btn-sm btn-success" href="${ctx!}/role/add">新增</a>
        </@shiro.hasPermission>
            <a class="btn btn-sm btn-success" href="${ctx!}/role/index">刷新</a>
        </div>
        <div class="box-body table-responsive">
            <table id="table" class="table table-striped">
                <#--<tr>-->
                    <#--<th>ID</th>-->
                    <#--<th>角色名称</th>-->
                    <#--<th>角色key</th>-->
                    <#--<th>角色状态</th>-->
                    <#--<th>角色描述</th>-->
                    <#--<th>创建时间</th>-->
                    <#--<th>更新时间</th>-->
                    <#--<th>操作</th>-->
                <#--</tr>-->
                <#--<#list pageInfo.content as roleInfo>-->
                <#--<tr>-->
                    <#--<td>${roleInfo.id}</td>-->
                    <#--<td>${roleInfo.name}</td>-->
                    <#--<td>${roleInfo.roleKey}</td>-->
                    <#--<td>-->
                        <#--<#if roleInfo.status == 1>-->
                            <#--<span class="label label-danger">已删除</span>-->
                        <#--<#else>-->
                            <#--<span class="label label-info">未删除</span>-->
                        <#--</#if>-->
                    <#--</td>-->
                    <#--<td>${roleInfo.description}</td>-->
                    <#--<td>${roleInfo.createTime}</td>-->
                    <#--<td>${roleInfo.updateTime}</td>-->
                    <#--<td>-->
                    <#--<@shiro.hasPermission name="system:role:edit">-->
                        <#--<a class="btn btn-sm btn-primary" href="${ctx!}/role/edit/${roleInfo.id}">编辑</a>-->
                    <#--</@shiro.hasPermission>-->
                    <#--<@shiro.hasPermission name="system:role:grant">-->
                        <#--<a class="btn btn-sm btn-warning" href="${ctx!}/role/grant/${roleInfo.id}">分配资源</a>-->
                    <#--</@shiro.hasPermission>-->
                    <#--<@shiro.hasPermission name="system:role:delete">-->
                        <#--<button class="btn btn-sm btn-danger" onclick="del(${roleInfo.id})">删除</button>-->
                    <#--</@shiro.hasPermission>-->
                    <#--</td>-->
                <#--</tr>-->
                <#--</#list>-->
            </table>
        </div>
        <!-- /.box-body -->
        <#--<div class="box-footer clearfix">-->
            <#--<@macro.page pageInfo=pageInfo url="${ctx!}/role/index?" />-->
        <#--</div>-->
    </div>
    <!-- /.box -->

</section>
<!-- /.content -->
</@layout>